body {
	font-family: 'Microsoft YaHei','微软雅黑','SimHei','Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.spd-flex {
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}

.main-header .navbar {
	margin-left: 0;
}

.spdui .navbar-logo {	
	float: left;
	height: 50px;
	margin-left: 15px;
}

.spdui .navbar-title {	
	float: left;	
	margin-left: 15px;
	line-height: 50px;
	font-size: 26px;
	color: #fff;
}

.spdui .main-header .logo {
	background-color: #3c8dbc;
	width: 170px;
}

.spdui .main-header .logo:hover {
	background-color: #3c8dbc;
}

#topmenus>li>a>i {
	margin-right: 5px;
}

#mainSidebarMenu li>a>i {
	margin-right: 3px;
}

#mainSidebarMenu li>a>i.fa-caret-right {
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -6px;
}

.sidebar-menu>li>a, .sidebar-menu .treeview-menu>li>a {
	padding-left: 25px;
}

.sidebar-menu>li.active>a>.fa-caret-right{
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sidebar-menu .treeview-menu {
	padding-left: 10px;
}

.main-sidebar, .left-side {
	width: 170px;
}

.content-wrapper, .right-side, .main-footer {
	margin-left: 170px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
	padding: 15px 30px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
	text-align: center;
	padding: 0;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer>a {
	padding: 10px;
}

.navbar-nav>.user-menu .spdui-user-entrance {
	padding-left: 0;
	padding-right: 0;
}

.navbar-nav>.user-menu .spdui-user-entrance:hover {
	background-color: #f5f5f5;
}

.navbar-nav .spdui-user-entrance>a {
	display: block;
	padding: 8px 0;
	font-size: 12px;
}

.navbar-nav>.user-menu .spdui-user-entrance-icon {
	font-size: 3em;
	color: #788D9B;
	display: block;
	margin-bottom: 5px;
}

#mainTabs {
	margin-bottom: 0;
}

#mainTabs>.nav-tabs>li {
	margin-right: -1px;
	margin-bottom: -1px;	
	border: 1px solid #f4f4f4;
	border-top: 0;
}

#mainTabs>.nav-tabs>li.active {
	border-bottom-color:#3c8dbc;
}

#mainTabs>.tab-content {
	padding: 0;
}

#mainTabs>.tab-content>.tab-pane {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#mainNavTabs>li>a {
	width: 120px;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;	
	border: 0;
	border-bottom: 2px solid #fff;
}

#mainNavTabs>li.active>a {
	border-bottom-color: #3c8dbc;
}

.spd-table>tbody>tr>td, .spd-table>tbody>tr>th, .spd-table>tfoot>tr>td, .spd-table>tfoot>tr>th, .spd-table>thead>tr>td, .spd-table>thead>tr>th{
	vertical-align: middle;
}

.spd-table td,.spd-table th {
	vertical-align: middle;
}

.spd-table td>.spd-label,.spd-table th>.spd-label {
	margin-bottom: 0;
	text-align: right;
}

.bootstrap-dialog .modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bootstrap-dialog-footer-buttons>.btn {
	padding-left: 20px;
	padding-right: 20px;
}

.n-spdui .msg-wrap{
	z-index: 100000;
}

.content {
	padding: 15px 8px 5px 8px;
}

.spd-dialog-wrapper {
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
}

table.treetable tr.selected {
    background-color: #3875d7;
    color: #fff;
}

table.treetable .spd-tree-column>span.text{
	padding: 0;
	padding-left: 1px;
	vertical-align: middle;
}

table.treetable span.indenter {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 19px;
    vertical-align: middle;
}

table.treetable tr span.indenter i.fa{
	font-size: 18px;
	color: #666;
}

table.treetable tr.selected span.indenter i.fa {
	color: #fff;
}

table.treetable tr.expanded span.indenter i.fa {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 	/* Opera */
}

td>.spd-column-hide-overflow {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

.spd-dialog-tree {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.spd-upload-wrapper {
	display: block;
	margin: 0;
	padding: 0;
}

.spd-upload-wrapper>.spd-upload-toolbar>.spd-upload-picker {
	display: inline-block;
}

.spd-upload-wrapper>.spd-upload-msg {
	display: block;
	font-size: 14px;
	color: #777;
	padding: 8px 0;
}

.spd-upload-wrapper .webuploader-pick {
	padding: 6px 15px;
}

.spd-upload-wrapper>.spd-upload-list>.spd-upload-item {
	display: block;	
	float: left !important;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #ddd;
	text-align: center;
}

.spd-upload-list>.spd-upload-item>.spd-upload-image-wrapper {
	display: block;
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0;
	padding: 0;
}

.spd-upload-list>.spd-upload-item>.spd-upload-image-wrapper>img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.spd-upload-list>.spd-upload-item>.spd-item-tools {
	padding-top: 5px;
}

.spd-upload-list>.spd-upload-item>.spd-upload-image-wrapper>.spd-upload-progress {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

.spd-upload-list>.spd-upload-item>.spd-upload-image-wrapper>.spd-upload-error {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}

.spd-upload-image-wrapper>.spd-upload-error>.spd-upload-refresh {
	padding-top: 20px;
}

.table>tbody>tr>td.bs-checkbox, .table>tbody>tr>th.bs-checkbox, .table>thead>tr>td.bs-checkbox, .table>thead>tr>th.bs-checkbox {
	vertical-align: middle;
}